<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        body {
            background-color: #FFFFFF;
            font-family: Calibri,Arial,Helvetica,sans;
            font-size: 12px;
            margin: 2px;
        }
        #mainContainer {
            background-color: #E2E2E2;
            border: 1px solid #464548;
        }
        #header {
            background-color: #464548;
            border-bottom: 2px solid #EE7C33;
            font-weight: bold;
            padding-bottom: 4px;
            padding-left: 8px;
        }
        #header span.title {
            font-size: 30px;
        }
        #header span.subtitle {
            font-size: 12px;
        }
        #header span.white {
            color: white;
        }
        #header span.orange {
            color: #EE7C33;
            margin-left: 5px;
        }
        #message {
            margin-left: 8px;
            margin-right: 8px;
            margin-bottom: 8px;
        }
        #message h3, #message h4 {
            color: #464548;
        }
        #message h4 {
            margin-top: 0;
        }
        #message span.tableTitle {
            color: #EE7C33;
            font-weight: bold;
        }
        #message table {
            margin-top: 8px;
            margin-bottom: 8px;
        }
        #message table td.labelColumn {
            padding-right: 10px;
            color: gray;
        }
        #message table td.valueColumn {
            color: #464548;
            font-weight: bold;
        }
        #message p span {
            color: #EE7C33;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="mainContainer">
        <div id="header">
            <span class="title white">DAMA</span>
            <span class="title orange">TE</span><br>
            <span class="subtitle white">Developers' Activity - Monitoring and Analyzer</span>
            <span class="subtitle orange">Tool for Eclipse</span>
        </div>
        <div id="message">
            <h3>Dear <%firstname%> <%lastname%>,</h3>
            <h4>Thank you for registering DAMATE</h4>
            <span class="tableTitle">Your account details:</span><br/>
            <table cellpadding="0" cellspacing="0">
                <tr><td class="labelColumn">Username:</td><td class="valueColumn"><%username%></td></tr>
                <tr><td class="labelColumn">Firstname:</td><td class="valueColumn"><%firstname%></td></tr>
                <tr><td class="labelColumn">Lastname:</td><td class="valueColumn"><%lastname%></td></tr>
                <tr><td class="labelColumn">Sex:</td><td class="valueColumn"><%sex%></td></tr>
                <tr><td class="labelColumn">Age:</td><td class="valueColumn"><%age%></td></tr>
                <tr><td class="labelColumn">E-mail:</td><td class="valueColumn"><%email%></td></tr>
            </table>
            <p><span>Important:</span><br/>
                Your account is not active yet, so you cannot login to the application. You need to wait until we accept the registration request and activate your account.<br/>
                Over the next few days, we will process your registration and your account will be activated.<br/>
                After the activation you will receive the final confirmation e-mail and you can start to use the DAMATE.</p><br/>
            <p>Thank you for your patience, and we will contact you soon.<br/>Kind regards,<br/><b>DAMATE</b></p>
        </div>
    </div>
</body>
</html>